<template>
	<view class="home">
		<view class="top">
			<view class="userInfo">
				<view class="img">
					<image :src="
              userInfo.avatarUrl
                ? userInfo.avatarUrl
                : 'https://pic.imgdb.cn/item/65cdb4349f345e8d03c21fa4.png'
            " mode=""></image>
				</view>
				<text class="userName">
					{{ userInfo.userName || "加油加油加油加油加油加油加油加油" }}
				</text>
			</view>

			<view class="jiesuo" v-if="userInfo.vip == 1">
				<view class="vip">
					<image src="../../static/Vip1.png"></image>
				</view>
				<view class="vip" v-if="userInfo.vip == 2">
					<image src="../../static/Vip2.png"></image>
				</view>
				<text class="more">升级VIP2享受更多特权</text>
				<button class="my-button" size="default" @click="goBuy" plain="true">
					去解锁
				</button>
			</view>
			<view class="updateInfo" @click="updateInfo"> 更新信息 </view>
		</view>

		<view class="body">
			<uni-popup ref="infoPopup" background-color="#fff">
				<view class="infoPopup-content">
					<image class="logo" src="https://pic.imgdb.cn/item/65c33fad9f345e8d03ca6a51.png" alt="" />
					<view class="form-box">
						<view class="title">
							邀请公主王子<br />补全个人信息（昵称、头像）
						</view>
						<view class="row">
							<view class="label"> 头像 </view>
							<button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar" slot="right">
								<image class="avatar" :src="
                    avatarUrl
                      ? avatarUrl
                      : 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'
                  ">
								</image>
							</button>
						</view>

						<view class="row">
							<view class="label"> 昵称 </view>
							<input type="nickname" placeholder="请输入昵称" :value="userName" style="text-align: right"
								@blur="blurInput" />
						</view>
					</view>

					<view @click="updateButton" class="acButton">确 定</view>
				</view>
			</uni-popup>
			<uni-popup ref="activatePopup" class="me-popup" background-color="#fff" @change="change">
				<view class="popup-content">
					<view class="img">
						<image src="https://pic.imgdb.cn/item/669397cad9c307b7e9a9991e.jpg" show-menu-by-longpress="{{true}}">
						</image>
					</view>
					<view class="">
						长按关注公众号【研了个研呀】 回复<text style="color:#e06c61">
							"政治刷题"</text>
						免费获取激活码，凭激活码激活小程序
					</view>
					<input class="uni-input" focus placeholder="请输入激活码" v-model="activateValue" />
					<view @click="activateButton" class="acButton">激活</view>
				</view>
			</uni-popup>
			<uni-popup ref="groupChatPopup" class="groupChatPopup" background-color="#fff" @change="change">
				<view class="groupChatPopupcontent">
					<view class="title"> 欢迎进群 </view>
					<view class="qq">
						<view class="qq-img">
							<image src="https://pic.imgdb.cn/item/662db96e0ea9cb1403837345.png" mode=""></image>
						</view>
					</view>
				</view>
			</uni-popup>
			<page-container :show="showPopup" @beforeleave="showPopup = false" @clickoverlay="showPopup = false">
				<view class="popup-view">
					<view class="topic-number">
						<view class="single">
							<view class="text"> 单选 </view>
						</view>
						<view class="multiple">
							<view class="text"> 多选 </view>
						</view>
					</view>
				</view>
			</page-container>
			<view class="body-top">
				<view class="item" @click="activate">
					<view class="img">
						<image src="../../static/active.png" mode=""></image>
					</view>
					<view class=""> 激活小程序 </view>
					<view class="more">
						<image src="../../static/more.png" mode=""></image>
					</view>
				</view>
				<view class="item" @click="doCard">
					<view class="img">
						<image src="../../static/card.png" mode=""></image>
					</view>
					<view class=""> 打卡记录 </view>
					<view class="more">
						<image src="../../static/more.png" mode=""></image>
					</view>
				</view>
				<view class="item" @click="getOwnId">
					<view class="img">
						<image src="../../static/getId.png" mode=""></image>
					</view>
					<view class=""> 获取唯一id </view>
					<view class="more">
						<image src="../../static/more.png" mode=""></image>
					</view>
				</view>
				<view class="item">
					<view class="img">
						<image src="../../static/error-question.png" mode=""></image>
					</view>
					<view class=""> 错题做对自动移除 </view>
					<view class="more check">
						<switch style="transform: scale(0.7)" :checked="doCorrectChecked" @change="switch1Change" />
					</view>
				</view>
				<view class="item" @click="redoAll">
					<view class="img">
						<image src="../../static/remake2.png" mode=""></image>
					</view>
					<view class=""> 重写刷题 </view>
					<view class="more">
						<image src="../../static/more.png" mode=""></image>
					</view>
				</view>
				<view class="item" @click="clearStorage">
					<view class="img">
						<image src="../../static/clear-us.png" mode=""></image>
					</view>
					<view class=""> 清除缓存 </view>
					<view class="more">
						<image src="../../static/more.png" mode=""></image>
					</view>
				</view>
				<!-- <view class="item">
					<view class="img">
						<image src="../../static/contact-us.png" mode=""></image>
					</view>
					<button open-type="contact" class="contact-botton">联系客服</button>
					<view class="more">
						<image src="../../static/more.png" mode=""></image>
					</view>
				</view> -->
				<view class="item" @click="aboutOur">
					<view class="img">
						<image src="../../static/about-us.png" mode=""></image>
					</view>
					<view class=""> 关于我们 </view>
					<view class="more">
						<image src="../../static/more.png" mode=""></image>
					</view>
				</view>
				<view class="item" @click="initUser">
					<view class="img">
						<image src="../../static/about-us.png" mode=""></image>
					</view>
					<view class=""> 初始化用户 </view>
					<view class="more">
						<image src="../../static/more.png" mode=""></image>
					</view>
				</view>
			<!-- 	<view class="item" @click="adjustError">
					<view class="img">
						<image src="../../static/about-us.png" mode=""></image>
					</view>
					<view class=""> 调整错题 </view>
					<view class="more">
						<image src="../../static/more.png" mode=""></image>
					</view>
				</view> -->
			<!-- 	<view class="item" @click="getChapterAll">
					<view class="img">
						<image src="../../static/about-us.png" mode=""></image>
					</view>
					<view class=""> 获取所有章节 </view>
					<view class="more">
						<image src="../../static/more.png" mode=""></image>
					</view>
				</view> -->
			<!-- 	<view class="item" @click="DecryptData">
					<view class="img">
						<image src="../../static/about-us.png" mode=""></image>
					</view>
					<view class=""> 生成pdf </view>
					<view class="more">
						<image src="../../static/more.png" mode=""></image>
					</view>
				</view> -->
				<!-- 	<view class="item" @click="getOrder">
					<view class="img">
						<image src="../../static/about-us.png" mode=""></image>
					</view>
					<view class=""> 测试接口 </view>
					<view class="more">
						<image src="../../static/more.png" mode=""></image>
					</view>
				</view>
				<view class="item" @click="cscallback">
					<view class="img">
						<image src="../../static/about-us.png" mode=""></image>
					</view>
					<view class=""> 测试回调 </view>
					<view class="more">
						<image src="../../static/more.png" mode=""></image>
					</view>
				</view>
				
				<view class="item" @click="getAD">
					<view class="img">
						<image src="../../static/about-us.png" mode=""></image>
					</view>
					<view class=""> 看广告 </view>
					<view class="more">
						<image src="../../static/more.png" mode=""></image>
					</view>
				</view> -->

			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		onShow,
		onLoad,
		onHide,
		onUnload,
		onTabItemTap,
	} from "@dcloudio/uni-app";
	import util from "../../util/index.js";
	import {
		ref
	} from "vue";
	import {
		pathToBase64
	} from "image-tools";
	const activateValue = ref("");
	const infoPopup = ref();
	// 控制弹窗弹出
	const showPopup = ref(false);
	const doCorrectChecked = ref(false);
	const activatePopup = ref();
	const groupChatPopup = ref();
	const avatarUrlBase64 = ref();
	const userInfo = ref({});
	const avatarUrl = ref("");
	const seriesId = ref("")
	let rewardedVideoAd = null;

	const userName = ref("");
	onShow(() => {
		userInfo.value = uni.getStorageSync("userInfo");
		avatarUrl.value = userInfo.value.avatarUrl;
		userName.value = userInfo.value.userName;
		console.log("userInfo.value", userInfo.value);
		doCorrectChecked.value = userInfo.value.errQredoFlag;
		const meFrom = uni.getStorageSync("meFrom");

		console.log("meFrom", meFrom);
		if (meFrom) {
			setTimeout(() => {
				activatePopup.value.open();
			}, 100);
		}
	});

	onLoad(() => {

	});

	const adjustError = () => {
		uni.request({
			url: util.baseUrl + "/wxapi/wxQuestion/adjustErrorQuestion",
		
			method: "post",
			success: function(res) {
				if (res.data.code == 200) {
					
				}
			},
		});
	};
	const updateInfo = () => {
		userInfo.value = uni.getStorageSync("userInfo");
		console.log("serInfo.value.openid", userInfo.value.openid);
		if (userInfo.value.openid) {
			infoPopup.value.open();
		} else {
			uni.showModal({
				title: "提示",
				content: "检测到未登录，登录后享受服务",
				success: function(res) {
					if (res.confirm) {
						uni.navigateTo({
							url: "/pages/login/login",
						});
					} else if (res.cancel) {
						console.log("用户点击取消");
					}
				},
			});
		}
	};
	const errorPDF = () => {
		uni.request({
			url: util.baseUrl + '/wxapi/wxQuestion/errorPDF',
			method: 'post',
			data: {
				userId: userInfo.value._id,
				seriesId: seriesId.value
			},
			success: (res) => {
				console.log('res', res)
			}
		})
	}
	const getOrder = () => {
		console.log("userInfo", userInfo.value);
		uni.request({
			url: util.baseUrl + "/wxapi/comment/getOrderParams",
			data: {
				userId: userInfo.value._id,
				openid: userInfo.value.openid,
				origin: "wx",
				type: "2",
			},
			method: "get",
			success: function(res) {
				if (res.data.code == 200) {
					uni.requestOrderPayment({
						timeStamp: res.data.data.timeStamp,
						nonceStr: res.data.data.nonceStr,
						package: res.data.data.package,
						signType: "MD5",
						paySign: res.data.data.paySign,
						success(res) {},
						fail(res) {},
					});
				}
				console.log("res", res.data);
			},
		});
	};
	const initUser = () => {
		uni.request({
			url: util.baseUrl + "/wxapi/user/initUser",
			// url:'https://www.kaoyanzhengzhi.top/wxapi/comment/PaymentNotification',
			method: "post",
		});
	}
	const getAD = () => {
		rewardedVideoAd.show();
	};
	const cscallback = () => {
		uni.request({
			url: util.baseUrl + "/wxapi/wxQuestion/cslist",
			// url:'https://www.kaoyanzhengzhi.top/wxapi/comment/PaymentNotification',
			method: "get",
		});
	};
	const doCard = () => {
		const userInfo = uni.getStorageSync("userInfo");
		if (!userInfo.openid) {
			uni.showModal({
				title: "提示",
				content: "检测到未登录，登录后享受服务",
				success: function(res) {
					if (res.confirm) {
						uni.navigateTo({
							url: "/pages/login/login",
						});
					} else if (res.cancel) {
						console.log("用户点击取消");
					}
				},
			});
		} else {
			uni.navigateTo({
				url: "/pages/doCard/doCard",
			});
		}
	};
	const updateButton = () => {
		if (avatarUrlBase64.value == "") {
			uni.showToast({
				title: "请选择头像",
				icon: "none",
				duration: 1500,
			});
			return;
		}
		if (userName.value == "") {
			uni.showToast({
				title: "请输入昵称",
				icon: "none",
				duration: 1500,
			});
			return;
		}
		uni.showLoading({
			title: "请等待",
		});
		uni.request({
			url: util.baseUrl + "/wxapi/user/updateUserInfoAvatar",
			data: {
				id: userInfo.value._id,
				userName: userName.value,
				avatarUrlBase64: avatarUrlBase64.value,
				openid: userInfo.value.openid,
			},
			method: "POST",
			success: (res) => {
				// console.log(res.data);
				uni.hideLoading();
				// uni.setStorageSync('userInfo', res.data.data);
				// userInfo.value = res.data.data
				// activatePopup.value.open()
				// setTimeout(() => {
				// 	uni.navigateBack()
				// }, 10)
				if (res.data.code == 200) {
					uni.setStorageSync("userInfo", res.data.data);
					uni.showToast({
						title: "修改信息成功",
						duration: 1000,
					});
					infoPopup.value.close();
					getUserInfo(userInfo.value.openid);
				}
			},
			fail: () => {
				uni.hideLoading();
			},
		});
	};
	const goBuy = () => {
		console.log("去购买");
		uni.navigateTo({
			url: "/pages/buy/buy",
		});
	};

	const onChooseAvatar = (e) => {
		avatarUrl.value = e.detail.avatarUrl;
		pathToBase64(e.detail.avatarUrl)
			.then((path) => {
				avatarUrlBase64.value = path;
				console.log("path", path);
			})
			.catch((error) => {
				console.log(error);
			});
	};

	const blurInput = (e) => {
		console.log("e", e.detail);
		userName.value = e.detail.value;
	};
	const clearStorage = () => {
		uni.removeStorageSync("userInfo");
		uni.showToast({
			title: "清除成功",
			duration: 1500,
		});
		userInfo.value = uni.getStorageSync("userInfo");
	};
	const showModal = () => {
		showPopup.value = true;
	};
	const switch1Change = (event) => {
		console.log("event.detail", event.detail);
		uni.request({
			url: util.baseUrl + "/wxapi/user/changeErrQredoFlag",
			method: "POST",
			data: {
				userId: userInfo.value._id,
				flag: event.detail.value,
			},
			success: () => {
				uni.showToast({
					title: "修改成功",
					duration: 1500,
				});
			},
		});
	};
	const activate = () => {
		uni.navigateTo({
			url: "/pages/buy/buy",
		});
		// const userInfo = uni.getStorageSync("userInfo");
		// if (userInfo.vip == 0) {
		// 	activatePopup.value.open();
		// 	// showModal()
		// } else if (userInfo.vip == 1) {
		// 	uni.showToast({
		// 		title: "此账号已激活",
		// 		duration: 1500,
		// 		icon: "none",
		// 	});
		// } else {
		// 	uni.showModal({
		// 		title: "提示",
		// 		content: "检测到未登录，登录后享受服务",
		// 		success: function(res) {
		// 			if (res.confirm) {
		// 				uni.navigateTo({
		// 					url: "/pages/login/login",
		// 				});
		// 			} else if (res.cancel) {
		// 				console.log("用户点击取消");
		// 			}
		// 		},
		// 	});
		// }
	};
	const activateButton = () => {
		const userInfo = uni.getStorageSync("userInfo");
		if (activateValue.value) {
			uni.request({
				url: util.baseUrl + "/wxapi/activation/userActivate",
				data: {
					userId: userInfo._id,
					code: activateValue.value.trim(),
					openid: userInfo.openid
				},
				method: "POST",
				success: (res) => {
					if (res.data.code == 200) {
						activateValue.value = "";
						activatePopup.value.close();
						getUserInfo(userInfo.openid);
						uni.showToast({
							title: "激活成功",
							duration: 1000,
						});
						setTimeout(() => {
							groupChatPopup.value.open();
						}, 10);
					} else if (res.data.code == 202) {
						uni.showToast({
							title: "激活码输入错误或已使用",
							icon: "none",
							duration: 2000,
						});
					} else {
						uni.showToast({
							title: "服务器错误",
							icon: "none",
							duration: 1500,
						});
					}
				},
			});
		}
	};
	const getUserInfo = (openid) => {
		uni.request({
			url: util.baseUrl + "/wxapi/user/getUserInfo",
			method: "GET",
			data: {
				openid,
			},
			success: (res) => {
				if (res.data.data) {
					uni.setStorageSync("userInfo", res.data.data);
					userInfo.value = res.data.data;
				}
			},
		});
	};
	const redoAll = () => {
		const userInfo = uni.getStorageSync("userInfo");
		if (userInfo._id) {
			uni.showModal({
				title: "提示",
				content: "将清除所有做题记录，错题记录将保留",
				success: function(res) {
					if (res.confirm) {
						uni.request({
							url: util.baseUrl + "/wxapi/wxQuestion/redoAll",
							method: "POST",
							data: {
								userId: userInfo._id,
							},
							success: () => {
								uni.showToast({
									title: "清除成功",
									duration: 1500,
								});
							},
						});
					} else if (res.cancel) {
						console.log("用户点击取消");
					}
				},
			});
		} else {
			uni.showModal({
				title: "提示",
				content: "检测到未登录，登录后享受服务",
				success: function(res) {
					if (res.confirm) {
						uni.navigateTo({
							url: "/pages/login/login",
						});
					} else if (res.cancel) {
						console.log("用户点击取消");
					}
				},
			});
		}
	};
	const getChapterAll = () => {
		uni.request({
			url: util.baseUrl + "/wxapi/wxQuestion/adjustChapter",
			method: "GET",
			success: (res) => {
				console.log("res", res);
				// if (res.data.data.length > 0) {
				// 	uni.setStorageSync('userInfo', res.data.data[0]);
				// 	userInfo.value = res.data.data[0]
				// }
			},
		});
	};
	const getOwnId = () => {
		const userInfo = uni.getStorageSync("userInfo");
		if (userInfo._id) {
			console.log("1111");
			const id = userInfo._id;
			uni.setClipboardData({
				data: id,
				success: () => {
					uni.showToast({
						title: "复制成功",

						duration: 1500,
					});
				},
			});
		} else {
			uni.showModal({
				title: "提示",
				content: "检测到未登录，登录后享受服务",
				success: function(res) {
					if (res.confirm) {
						uni.navigateTo({
							url: "/pages/login/login",
						});
					} else if (res.cancel) {
						console.log("用户点击取消");
					}
				},
			});
		}
	};
	const aboutOur = () => {
		uni.previewImage({
			urls: ["https://pic.imgdb.cn/item/66ae47ecd9c307b7e91a9a21.png"],
		});
	};

	const goStrengthen = () => {
		uni.navigateTo({
			url: "/pages/strengthenList/strengthenList",
		});
	};
	const goWritingList = () => {
		uni.navigateTo({
			url: "/pages/writingList/writingList",
		});
	};
	const getSection = () => {
		uni.request({
			url: util.baseUrl + "/wxapi/wxQuestion/getSection",
			method: "GET",
			success: (res) => {
				console.log("成功");
				tableList.value = res.data.data;
			},
			fail: () => {
				console.log("失败");
			},
		});
	};
	const onadload = (e) => {
		console.log("广告数据加载成功");
	};
	const onadclose = (e) => {
		const detail = e.detail;
		// 用户点击了【关闭广告】按钮
		if (detail && detail.isEnded) {
			// 正常播放结束
			console.log("onadclose " + detail.isEnded);
		} else {
			// 播放中途退出
			console.log("onadclose " + detail.isEnded);
		}
	};
</script>
<style lang="scss">
	.jiesuo {
		height: 80rpx;
		width: 100%;
		// background: linear-gradient(to bottom,#fdeae8,#f7f7f9);
		font-weight: 800;
		text-align: center;
		line-height: 80rpx;
		position: relative;
		width: 100%;
		display: flex;

		.more {
			position: absolute;
			left: 150rpx;
		}

		.vip {
			position: absolute;
			width: 50rpx;
			height: 50rpx;
			left: 90rpx;
			top: 15rpx;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.my-button {
			position: absolute;
			background: linear - gradient(to bottom, #fdeae8, #f7f7f9);
			right: 50rpx;
			top: 10rpx;

		}

		button {
			background: linear - gradient(to left, #fdd21f, #ffe537);
			height: 50rpx;
			border-radius: 30rpx;
			font-weight: 700;
			width: 180rpx;
			font-size: 28rpx;
			line-height: 50rpx;
			text-align: center;
		}
	}

	.uni-popup__wrapper {
		border-radius: 20rpx;
	}

	.infoPopup-content {
		position: relative;
		padding: 30rpx 50rpx;
		width: 500rpx;
		height: 600rpx;
		border-radius: 10rpx;

		.logo {
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			width: 150rpx;
			height: 150rpx;
			border-radius: 50%;
		}

		.form-box {
			margin-top: 150rpx;

			.title {
				text-align: center;
				margin-bottom: 20rpx;
			}

			.row {
				position: relative;
				height: 100rpx;
				line-height: 100rpx;
				display: flex;
				padding-bottom: 10rpx;
				border-bottom: 2rpx solid#bfbfbf;

				.label {
					width: 100rpx;
				}

				input {
					line-height: 100rpx;
					height: 100rpx;
				}

				.avatar-wrapper {
					width: 100%;
					height: 100rpx;
					color: #333 !important;
					text-align: center !important;
					border: none !important;
					border-radius: 0 !important;
					background-color: transparent !important;
				}

				.avatar-wrapper::after {
					border: none !important;
				}

				image {
					position: absolute;
					right: 0rpx;
					width: 100rpx;
					height: 100rpx;
					border-radius: 50%;
				}

			}
		}
	}


	.acButton {
		width: 300rpx;
		height: 80rpx;
		line-height: 80rpx;
		background-color: #ffc637;
		font-size: 36rpx;
		font-weight: 700;
		color: #3a2e27;
		text-align: center;
		border-radius: 40rpx;
		margin: 0 auto;
		margin-top: 20rpx;
	}


	.groupChatPopup {
		padding: 20rpx;

		.title {
			text-align: center;
			font-size: 36rpx;
			font-weight: 700;
			margin: 10rpx 0;
		}

		.qq-img {
			width: 500rpx;
			height: 620rpx;
			border-radius: 20rpx;
			overflow: hidden;

			image {
				width: 100%;
				height: 100%;
			}
		}
	}

	.popup-content {
		padding: 50rpx;
		width: 500rpx;
		height: 500rpx;
		border-radius: 10rpx;

		.uni-input {
			background-color: #fcf3ca;
			padding: 10rpx 20rpx;
			margin: 20rpx 0;
			border-radius: 10rpx;
		}

		.img {
			width: 150rpx;
			height: 150rpx;
			margin: 0 auto;
			margin-bottom: 20rpx;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.acButton {
			width: 300rpx;
			height: 80rpx;
			line-height: 80rpx;
			background-color: #ffc637;
			font-size: 36rpx;
			font-weight: 700;
			color: #3a2e27;
			text-align: center;
			border-radius: 40rpx;
			margin: 0 auto;
		}
	}

	.home {
		background-color: #fee793;

		.top {
			height: 290rpx;

			position: relative;
			background: linear-gradient(to bottom, #fcd22e, #fee793);
			overflow: hidden;

			.userInfo {
				display: flex;
			}

			.updateInfo {
				position: absolute;
				right: 50rpx;
				top: 40rpx;
				height: 40rpx;
				line-height: 40rpx;
				padding: 10rpx 30rpx;
				border-radius: 20rpx;
				// transform: translateX(-50%);
				border: 2rpx solid#2ea2df;
				color: #2ea2df;
			}

			.img {
				width: 120rpx;
				height: 120rpx;
				border-radius: 60rpx;
				overflow: hidden;
				margin-top: 10rpx;
				margin-left: 50rpx;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.userName {
				margin-top: 50rpx;
				margin-left: 20rpx;
				width: 300rpx;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
		}

		.body {

			position: relative;
			height: calc(100vh - 290rpx);
			border-top-left-radius: 40rpx;
			border-top-right-radius: 40rpx;
			// border-radius: 40rpx;
			background-color: #f7f7f9;
		}



		.body-top {
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			// height: 130rpx;
			background-color: #fff;
			width: 620rpx;
			top: -90rpx;
			padding: 0rpx 20rpx;
			border-radius: 20rpx;
			box-shadow: 2rpx 2rpx 2rpx 2rpx#fdfcf9;

			.contact-botton {
				line-height: 120rpx;
				background-color: #fff;
				position: absolute;
				left: 60rpx;
				width: 550rpx;
				text-align: left;
				padding: 0;
				font-size: 32rpx;
			}

			button::after {
				border: none;
			}

			.item {
				display: flex;
				position: relative;
				height: 120rpx;
				line-height: 120rpx;
				border-bottom: 2rpx solid#f7f7f9;
				padding-left: 60rpx;

				.img {
					position: absolute;
					top: 8rpx;
					left: -5rpx;
					width: 40rpx;
					height: 40rpx;


				}

				.more {
					position: absolute;
					top: 5rpx;
					right: 0;
					width: 30rpx;
					height: 30rpx;
				}

				.check {
					right: 70rpx;
					top: 0rpx;
				}

				image {
					width: 100%;
					height: 100%;
				}
			}



		}
	}
</style>